import { useState } from 'react'
import logo from './logo.svg'
import './App.css'
import { GlobalStyle,Meta,MetaItem , Main,MainItem} from './style'

function App() {
  const [count, setCount] = useState(0)

  return (
    <div className="App">
      <GlobalStyle></GlobalStyle>
      <Meta>
      <a href="" className='userName'>
        <MetaItem>
        <span>作者</span>
        </MetaItem>
      </a>
      <a href="" className='timeTag'>
        <MetaItem>
        <span>时间</span>
        </MetaItem>
      </a>
      </Meta>

      <Main>
        <MainItem>
          <h1>文章标题</h1>
        </MainItem>
        <div className='content'>
          <MainItem>
            <p>文章内容kkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkk</p>
          </MainItem>
          <MainItem>
            <img src="" alt="" />
          </MainItem>
        </div>
      </Main>

    </div>
  )
}

export default App
